<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<title>mafiashare.net</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta name="description" content="Empire - XHTML Template" />

	<!-- CSS -->
	<link th:href="@{/frontResource/fonts/sansation.css}" rel="stylesheet" type="text/css" />
	<!-- Get any font from here easily: http://www.google.com/webfonts -->
	<link th:href="@{/frontResource/css/style.css}" rel="stylesheet" type="text/css" />
	<link th:href="@{/frontResource/fancybox/jquery.fancybox-1.3.4.css}" rel="stylesheet" type="text/css" />
	<link th:href="@{/frontResource/css/nivo-slider.css}" rel="stylesheet" type="text/css" />
	<link th:href="@{/frontResource/css/styler-farbtastic.css}" rel="stylesheet" type="text/css" />

	<!-- UPDATE BROWSER WARNING IF IE 7 OR LOWER -->
	<!--[if lt IE 8]>
	<link th:href="@{/frontResource/css/stop_ie.css}" rel="stylesheet" type="text/css"/>
	<![endif]-->


	<!-- JAVASCRIPTS -->
	<script type="text/javascript" th:src="@{/frontResource/js/jquery.min.js}"></script>
	<script type="text/javascript" th:src="@{/frontResource/js/jquery-ui-1.8.17.custom.min.js}"></script>
	<script type="text/javascript" th:src="@{/frontResource/fancybox/jquery.fancybox-1.3.4.pack.js}"></script>
	<script type="text/javascript" th:src="@{/frontResource/js/jquery.nivo.slider.js}"></script>
	<script type="text/javascript" th:src="@{/frontResource/js/jquery.bgslider.js}"></script>
	<script type="text/javascript" th:src="@{/frontResource/js/preloader.js}"></script>
	<script type="text/javascript" th:src="@{/frontResource/js/farbtastic.js}"></script>
	<script type="text/javascript" th:src="@{/frontResource/js/basic.js}"></script>
	<script type="text/javascript" th:src="@{/frontResource/js/styler.js}"></script>

	<!-- PAGE OPENING ANIMATION -->
	<script type="text/javascript">

	//PAGE IS CLOSED ON START
	jQuery(document).ready(function(){
		jQuery('#page').css({'display':'inline','width':'300px','overflow':'hidden','margin-right':'340px'});
		jQuery('#sidebar').css({'margin-left':'326px'});
	});

	//WHEN ALL ELEMENTS ARE LOADED
	jQuery(window).load(
		function() {
			jQuery('#hp_preloader').delay(800).animate({'opacity':'0'},1400,function(){

				//HOMEPAGE NIVO SLIDER STARTS

				jQuery('#slider-nivo').nivoSlider({
					controlNav:true,
					controlNavThumbs:false,
					keyboardNav:false,
					pauseOnHover:false,
					prevText:'',
					nextText:'',
					effect:'fade',
					animSpeed:300,
					pauseTime:4000
				});



				//REMOVE LOADING
				jQuery(this).remove();

				//PAGE OPENING ANIMATION
				jQuery('#sidebar').delay(800).animate({'margin-left':'0px'},2100);
				jQuery('#page').delay(800).animate({'margin-right':'0px','width':'666px'},2100);

			});
		}
	);
	</script>

</head>
<body>

	<!-- DISPLAY MESSAGE IF JAVA IS TURNED OFF -->
	<noscript>
		<div id="notification">Please turn on javascript in your browser for the maximum experience!</div>
	</noscript>

	<!-- DISPLAY THIS MESSAGE IF USER'S BROWSER IS IE7 OR LOWER -->
	<div id="ie_warning"><img th:src="@{/frontResource/images/warning.png}" alt="IE Warning" /><br /><strong>Your browser is out of date!</strong><br /><br />This website uses the latest web technologies so it requires an up-to-date, fast browser!<br />Try <a href="http://www.mozilla.org/en-US/firefox/new/?from=getfirefox">Firefox</a> or <a href="https://www.google.com/chrome">Chrome</a>!</div>

	<!-- PAGE LOADING -->
	<div id="hp_preloader"></div>

	<!-- STYLER FOR DEMO -->
	<div id="styler">
		<div id="styler-button"><a href="#"><img th:src="@{/frontResource/images/styler-button.png}" alt="styler" /></a></div>

		<div class="styler-title"><img th:src="@{/frontResource/images/styler-t1.png}" alt="" /></div>

		<ul id="texture">
			<li><a href="#" id="styler-texture-1">None</a></li>
			<li id="selected"><a href="#" id="styler-texture-2">Leather</a></li>
			<li><a href="#" id="styler-texture-3">Carbon</a></li>
		</ul>

		<div class="styler-title"><img th:src="@{/frontResource/images/styler-t2.png}" alt="" /></div>

		<div id="styler-colorpicker" class="colorpicker"></div>
	</div>


	<!-- SITE WRAPPER -->
	<div id="wrapper">

		<!-- PAGE WITH CONTENTS -->
		<div id="page">
			<div id="content">

				<!-- NIVO SLIDER -->
				<div class="slider-nivo-holder">
					<div id="slider-nivo">
						<img th:src="@{/frontResource/images/nivoslider1.jpg}" alt="" />
						<img th:src="@{/frontResource/images/nivoslider2.jpg}" alt="" />
						<img th:src="@{/frontResource/images/nivoslider3.jpg}" alt="" />
					</div>
				</div>

				<!-- WELCOME TEXT -->
				<h3 style="text-align: center;"> Hello and welcome to the Empire! This is an elegant XHTML site template<br /> which has many features included!</h3>

				<!-- ELEGANT HORIZONTAL LINE -->
				<div class="hr"></div>

				<!-- NUMBERED LIST -->
				<ul class="list_num">
					<li><span>1</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus varius, risus vel euismod tempor, justo nibh lacinia leo, quis eleifend diam tortor quis turpis.</li>
					<li><span>2</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus varius, risus vel euismod tempor, justo nibh lacinia leo, quis eleifend diam tortor quis turpis.</li>
					<li class="last"><span>3</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus varius, risus vel euismod tempor, justo nibh lacinia leo, quis eleifend diam tortor quis turpis.</li>
				</ul>

				<!-- SIMPLE HORIZONTAL LINE -->
				<div class="hr2"></div>

				<!-- PURCHASE BUTTON -->
				<div class="purchase_button">
					<p>An elegant XHTML site template with many features included! Start using today!</p>
					<a href="#/user/ThemePrince/portfolio?ref=themeprince" class="purchase_button-black">BUY IT NOW!</a>
				</div>

				<div class="hr2"></div>

				<!-- FEATURE TEXTS WITH SMALL ICONS -->
				<div class="small_icons">
					<div class="small_icon-img"><img src="../../front/images/icon_list1.png" alt="" /></div>
					<p class="small_icon-title">Font Replacement</p>
					<p class="small_icon-text">25+ free fonts included in this theme for @font-face replacement or include your own!</p>
				</div>
				<div class="small_icons">
					<div class="small_icon-img"><img src="../../front/images/icon_list2.png" alt="" /></div>
					<p class="small_icon-title">Shortcode Generator</p>
					<p class="small_icon-text">There are more than 20 shortcodes which can be easily added in page/post editor!</p>
				</div>
				<div class="small_icons-last">
					<div class="small_icon-img"><img src="../../front/images/icon_list3.png" alt="" /></div>
					<p class="small_icon-title">8 built-in Widgets</p>
					<p class="small_icon-text">Unlimited widget areas and  8 built-in widgets like popular/recent posts, Twitter feed, ajax contact form, etc.</p>
				</div>
				<div class="small_icons">
					<div class="small_icon-img"><img th:src="@{/frontResource/images/icon_list4.png}" alt="" /></div>
					<p class="small_icon-title">Sliders</p>
					<p class="small_icon-text">Create your unique background sliders and on-page sliders for  each menu.</p>
				</div>
				<div class="small_icons">
					<div class="small_icon-img"><img th:src="@{/frontResource/images/icon_list5.png}" alt="" /></div>
					<p class="small_icon-title">PSD, Documentation</p>
					<p class="small_icon-text">The PSD files and a    documentation are included for this wordpress theme.</p>
				</div>
				<div class="small_icons-last">
					<div class="small_icon-img"><img th:src="@{/frontResource/images/icon_list6.png}" alt="" /></div>
					<p class="small_icon-title">Support and Updates</p>
					<p class="small_icon-text">All reported bugs will be fixed and uploaded as soon as possible.</p>
				</div>

			</div><!-- #content ends -->
		</div><!-- #page ends -->
		<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>

		<!-- SIDEBAR -->
		<div id="sidebar">
			<div id="sidebar-color"></div>		<!-- SIDEBAR COLOR LAYER -->
			<div id="sidebar-border"></div>		<!-- SIDEBAR BORDER LAYER -->
			<div id="sidebar-light"></div>		<!-- SIDEBAR RADIAL GRADIENT LIGHT LAYER -->
			<div id="sidebar-texture"></div>	<!-- SIDEBAR TEXTURE LAYER -->

			<!-- SIDEBAR CONTENT LAYER -->
			<div id="sidebar-content">

				<!-- LOGO -->
				<div id="logo">
					<a href="index.html"><img th:src="@{/frontResource/images/long1.png}" alt="" /></a>
				</div>

				<!-- MENU -->
				<ul id="menu">
					<li class="current"><a href="index.html">首页</a></li>
					<li><a href="../../front/blog-1.html">博客</a>
						<ul>
							<li><a href="../../front/blog-1.html">BLOG STYLE #1</a></li>
							<li><a href="../../front/blog-2.html">BLOG STYLE #2</a></li>
						</ul>
					</li>
					<li><a href="../../front/portfolio-3c.html">PORTFOLIO</a>
						<ul>
							<li><a href="../../front/portfolio-3c.html">PORTFOLIO &#8211; 3 COLUMNS</a></li>
							<li><a href="../../front/portfolio-2c.html">PORTFOLIO &#8211; 2 COLUMNS</a></li>
						</ul>
					</li>
					<li><a href="../../front/gallery.html">GALLERY</a></li>
					<li><a href="#">STYLINGS</a>
						<ul>
							<li><a href="../../front/stylings-texts.html">TEXTS</a></li>
							<li><a href="../../front/stylings-table_columns.html">TABLE &#038; COLUMNS</a></li>
							<li><a href="../../front/stylings-tabs_toggles.html">TABS, TOGGLES &#038; CAROUSEL</a></li>
							<li><a href="../../front/stylings-images_videos.html">IMAGES &#038; VIDEOS</a></li>
							<li><a href="../../front/stylings-contact_buttons.html">CONTACT FORM &#038; BUTTONS</a></li>
						</ul>
					</li>
				</ul>

			</div><!-- #sidebar-content ends -->

			<!-- SOCIAL ICONS ON SIDEBAR'S BOTTOM PART -->
			<ul id="sidebar-bottom">
				<li><a href="#"><img th:src="@{/frontResource/images/sidebar_icons/facebook.png}" alt="" /></a></li>
				<li><a href="#"><img th:src="@{/frontResource/images/sidebar_icons/twitter.png}" alt="" /></a></li>
				<li><a href="#"><img th:src="@{/frontResource/images/sidebar_icons/rss.png}" alt="" /></a></li>
			</ul>

			<!-- COPYRIGHT TEXT -->
			<p id="copyright">EMPIRE XHTML. More Templates</p>

		</div><!-- #sidebar ends -->

	</div><!-- #wrapper ends -->

	<!-- BACKGROUND SLIDER -->
	<div id="bg_slider">
		<img th:src="@{/frontResource/images/bgslider-1.jpg}" alt="" />
		<img th:src="@{/frontResource/images/bgslider-2.jpg}" alt="" />
		<img th:src="@{/frontResource/bgslider-3.jpg}" alt="" />
	</div>
</body>
</html>